<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Panning Slideshow | Build Internet Tutorial</title>
	
	<link rel="stylesheet" href="panning-slideshow.css"/>
	
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.timer.js"></script>
	<script src="image-rotator.js"></script>
	
</head>

<body>

	<div id="window">		
		<ul id="slideshow">
			<li class="box1"><img src="images/tiger.jpg" alt="Tiger"/></li>
			<li class="box2"><img src="images/macaw.jpg" alt="Macaw"/></li>
			<li class="box3"><img src="images/bald-eagle.jpg" alt="Bald Eagle"/></li>
			<li class="box4"><img src="images/panda.jpg" alt="Panda"/></li>
		</ul>
	</div>	
	<div id="content">
		<img src="images/titlecard.jpg" alt="Panning Slideshow with jQuery"/>
		<p>This slideshow uses a few amazing photos found on Flickr. You can find links to them below. This is only the example page. Head back to <a href="#" title="Panning Slideshow Tutorial">Build Internet for the full tutorial</a> and explanation.</p>
	</div>

	<p class="footer">Photo Sources: <a href="http://www.flickr.com/photos/bestrated1/170151875/in/set-72157594168258587">Bald Eagle</a> / <a href="http://www.flickr.com/photos/shanegorski/2515009456/">Tiger</a> / <a href="http://www.flickr.com/photos/auntie_rain/2230329836/">Panda</a> / <a href="http://www.flickr.com/photos/shanegorski/2500050709/in/set-72157605114044891/">Macaw</a></p>
</body>
</html>
